<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    // sessionStorage 存会话储，当前窗口有效
    // localStorage 持久化存储，永远有效，只要不删除
    // function add() {
    //
    //     sessionStorage.setItem("user","{'name':'zs','age':18}")
    // }
    // function del() {
    //     sessionStorage.removeItem("user")
    // }
    // function update() {
    //     sessionStorage.setItem("user","{'name':'ls','age':18}")
    // }
    // function get() {
    //     alert(sessionStorage.getItem("user"));
    // }
    function add() {
      alert(1);
      // localStorage.setItem("user","{'name':'zs','age':18}")
      localStorage.setItem("user","zs");
    }
    function del() {
      localStorage.removeItem("user")
    }
    function update() {
      localStorage.setItem("user","{'name':'ls','age':18}")
    }
    function get() {
      alert(localStorage.getItem("user"));
    }
  </script>
</head>
<body>
<input type="button" value="add" onclick="add()">
<input type="button" value="del" onclick="del()">
<input type="button" value="update" onclick="update()">
<input type="button" value="get" onclick="get()">
</body>
</html>